import Image from "next/image"

function Container({ title, urls }) {
  return (
    <div className='place-items-center pt-5'>
      <div class="collapse collapse-arrow border-2 border-solid border-base-300 rounded-none mb-1">
        <input type="checkbox" class="peer" />
        <div
          class="collapse-title">
          {title}
        </div>
        <div
          class="collapse-content">
          <div className="border-t border-base-300 p-6">
            <div class="grid grid-cols-2 gap-2">
              <div>
                <img src={urls.image}/>
              </div>
              <div className="pl-5">
                {urls.text}
              </div>
            </div>
          </div>
        </div>
      </div>


    </div>
  )
}

export default Container